<!DOCTYPE html>
<html>

<head>
    <title>小米 note2</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/xiaominote2.css">
    <link rel="stylesheet" type="text/css" href="../css/xiaomi.css">
    <script src="../jquery-1.11.3/jquery.min.js"></script>
    <script src="../bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="./js/xiaominote2.js"></script>
</head>

<body>
    <div class="wraptitle">
        <div class="J_title">
            <ul class="nav nav-tabs">
                <li><a href="https://www.mi.com/index.html">小米商场</a></li>
                <li><a href="#">MIUI</a></li>
                <li><a href="#">米聊</a></li>
                <li><a href="#">游戏</a></li>
                <li><a href="#">多看阅读</a></li>
                <li><a href="#">云服务</a></li>
                <li><a href="#">金融</a></li>
                <li><a href="#">米币</a></li>
                <li><a href="#">小米商场手机版</a></li>
                <li><a href="#">问题反馈</a></li>
                <li><a href="#">Select Region</a></li>
                <ul class="nav nav-tabs navbar-right">
                    <li><a id="welcomeusrname" href="./login.html">登录</a></li>
                    <li><a href="./register.html">注册</a></li>
                    <li><a href="#">消息通知</a></li>
                    <li><a href="#"><span class="glyphicon glyphicon-shopping-cart" style="color:   rgb(176, 176, 176);">&nbsp;购物车<i class="cartnumber"></i></span></a></li>
                </ul>
            </ul>
        </div>
    </div>
    <div class="wraptitle2">
        <div class="J_title2">
            <div class="headerlogo">
                <a href="../xiaomi.html"></a>
            </div>
            <div class="headermenu">
                <ul class="nav nav-tabs ">
                    <li><a href="#">小米手机</a></li>
                    <li><a href="#">红米</a></li>
                    <li><a href="#">平板·笔记本</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">盒子·影音</a></li>
                    <li><a href="#">路由器</a></li>
                    <li><a href="#">智能硬件</a></li>
                    <li><a href="#">服务</a></li>
                    <li><a href="#">社区</a></li>
                </ul>
            </div>
            <div class="J_search">
                <div class="input-group">
                    <input type="text" placeholder="Mix发布会 小米Mix2" class="form-control">
                    <span class="input-group-addon"><a href="https://www.baidu.com"><span class="glyphicon glyphicon-search" style="color: rgb(0, 0, 0);"></span></a>
                    </span>
                </div>
            </div>
        </div>
    </div>
    <div class="fixtitlewrap">
        <div class="fixtitle">
            <h3 style="line-height: 60px;">小米Note2</h3>
            <div class="fixtitleright">
                <a href="#" style="color: #ff6700;">概述</a>
                <span>|</span>
                <a href="">相机</a>
                <span>|</span>
                <a href="#">图集</a>
                <span>|</span>
                <a href="#">参数</a>
                <span>|</span>
                <a href="#">F码通道</a>
                <span>|</span>
                <a href="#">用户评价</a>
                <a href="#" id="purchase">立即购买</a>
            </div>
        </div>
    </div>
    <div class="photowrap">
        <div class="photo" style="background-image: url(src/xiaominote2/background1.jpg);">
            <div class="photodescription">
                <h2>小米Note 2 双曲面商务旗舰</h2>
                <br>
                <h4>一面科技，一面艺术</h4>
                <br>
                <p style="color: #93a1aa;">5.7" 双曲面柔性屏，正反面3D曲面玻璃/2256万超高像素相机
                    <br> 骁龙821性能版，可选6GB+128GB
                </p>
                <p>「4GB + 64GB」 2799元</p>
                <p>「6GB + 64GB」 2899元<span class="pricestyle">new</span> </p>
                <p>「6GB + 128GB」 3299元</p>
            </div>
        </div>
        <div class="photo2">
            <div class="photoleft" style="background-image: url(src/xiaominote2/background2-1.jpg);">
                <div class="notedivstyle">
                    <p style="text-align: center;"><span class="glyphicon glyphicon-play-circle" style="font-size: 30px;display: inline-block;"></span></p>
                    <p style="text-align: center;">播放《梁朝伟 冰山理论》</p>
                </div>
            </div>
            <div class="photoright" style="background-image: url(src/xiaominote2/background2-2.jpg);">
                <div class="notedivstyle">
                    <p style="text-align: center;"><span class="glyphicon glyphicon-play-circle" style="font-size: 30px;text-align: center;"></span></p>
                    <p style="text-align: center;">播放《小米Note 2 工艺》</p>
                </div>
            </div>
            <div class="photocontent photocontentstyle">就像经典的冰山理论，
                <br> 第一眼看到的美，
                <br> 只是全部创作的 1/8。
                <br> 美的一面，是因为另一面了不起的探索：
                <br> 小米Note 2 艺术品般的双曲面，背后是创新的柔性屏科技。
                <br> 更强大的性能，则来自于更快的处理器、更快的存储、
                <br> 更高像素的相机，以及对黑科技的不断探索。
                <br> 创新的科技与艺术品般的工艺，
                <br> 这就是我们为你打造的高端商务旗舰手机 。
                <br> 小米Note 2 , 一面科技，一面艺术。</div>
        </div>
        <div class="photo" style="background-image: url(src/xiaominote2/background3.jpg);">
            <div class="photocontent2 photocontentstyle">
                <h2>艺术品般的双曲面</h2>
                <h2>背后是创新的柔性屏科技</h2>
                <p>双曲面的美，源自对屏幕科技的不断探索。小米Note 2 采用 OLED 柔性屏，
                    <br> 一块可以弯曲的屏幕*，贴合于艺术品般的曲面玻璃，更高屏占比让纤薄的机身，
                    <br> 拥有更大显示面积。画面仿佛在曲面流动，视觉也得到了更大的延展。
                </p>
            </div>
        </div>
        <div class="photo" style="background-image: url(src/xiaominote2/background4.jpg);">
            <div class="photocontent3 photocontentstyle">
                <h2>商务旗舰</h2>
                <h2>黑科技，不仅仅是「快」</h2>
                <p>骁龙821 性能版，高性能下再提速 10%。
                    <br> 可选 6GB +128GB 高速内存、闪存，进一步提升性能。
                    <br> 4070mAh 电池、高精度定位、HD 高清音质，
                    <br> 小米Note 2 不仅更快，更是方方面面全高端配置。
                </p>
            </div>
        </div>
        <div class="photo" style="background-image: url(src/xiaominote2/background5.jpg);">
            <div class="onesix">
                <img src="src/xiaominote2/bcg5-1.png" alt="bcg5-1">
                <h2>骁龙821 性能版</h2>
                <p>最高主频达 2.35GHz ，应用启动速度相比骁龙
                    <br> 820 提升10%，游戏、聊天、音乐、购物、阅
                    <br> 读等多个应用同时使用，也能快的超乎想象。
                </p>
            </div>
            <div class="onesix">
                <img src="src/xiaominote2/bcg5-2.png" alt="bcg5-2">
                <h2>128GB 超大容量</h2>
                <p>大容量代表着你可以安装更多应用、存储更多视频。
                    <br> 同时支持新一代闪存标准 UFS 2.0* ，全双工运行，
                    <br> 安装、运行程序，看视频速度都更快了。
                </p>
            </div>
            <div class="onesix">
                <img src="src/xiaominote2/bcg5-3.png" alt="bcg5-3">
                <h2>6GB 超大内存</h2>
                <p>LPDDR4 双通道内存，意味着带宽更大、功耗更低。
                    <br> 玩大型游戏、开启多个应用、观看 4K 视频、拍摄慢动作
                    <br> 视频等运算速度都有了大幅提升。
                </p>
            </div>
            <div class="onesix">
                <img src="src/xiaominote2/bcg5-4.png" alt="bcg5-4">
                <h2>4070mAh 大电量</h2>
                <p>46小时持续通话、15小时视频播放*……大电量还能
                    <br> 让你尽情尽兴的游戏、看书和拍照。坐飞机出差，
                    <br> 看完一整季《权力的游戏》也不在话下*。
                </p>
            </div>
            <div class="onesix">
                <img src="src/xiaominote2/bcg5-5.png" alt="bcg5-5">
                <h2>HD 高清音质</h2>
                <p>采用双时钟源设计，输出高动态、低失真的高清音质，让
                    <br> 你不 论是听摇滚、清唱、爵士乐都如临现场。同时支持
                    <br> 双 ADC 输入, 高动态范围录音将有效录音距离提升4倍。</p>
            </div>
            <div class="onesix">
                <img src="src/xiaominote2/bcg5-6.png" alt="bcg5-6">
                <h2>GPS 高精度定位</h2>
                <p>一般手机在过隧道时常常失去卫星信号，
                    <br> 小米Note 2 内置 SAP 辅助定位，
                    <br> 为你在城市环境中持续提供导航，路线更精准。
                </p>
            </div>
        </div>
        <div class="photo" style="background-image: url(src/xiaominote2/background6.jpg);">
            <div class="photocontent3 photocontentstyle">
                <h2>2256 万超高像素相机</h2>
                <h2>细节多得惊人</h2>
                <p>主相机多达 1.7 倍的像素数*，带来震撼人心的照片细节。
                    <br> 高像素为照片提供了超高分辨率，放大看，依然清晰。
                    <br> 强大的相机性能，甚至能为 4K 影片进行硬件级防抖。
                    <br> 前置相机首次支持自动对焦*，自拍美得有细节，合影人人都清晰。
                </p>
                <ul>
                    <li><span>IMX318</span>
                        <p>超高像素</p>
                    </li>
                    <li><span>AF</span>
                        <p>前置自动对焦
                        </p>
                    </li>
                    <li><span>4k</span>
                        <p>硬件级视频防抖</p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="photo" style="background-image: url(src/xiaominote2/background7.jpg);">
            <div class="photocontent4 photocontentstyle">
                <h2>4G+ 全球版</h2>
                <h2>小米Note 2 走遍全球</h2>
                <p>游览整个世界的美景，或准备去地球另一端开下一个
                    <br> 会议，带上小米Note 2 全球版 想去哪里都可以。对通讯
                    <br> 科技进一步的探索，使小米Note 2 支持全球主流频
                    <br> 段。6 模 37 频，意味着你在世界各地，都能使用
                    <br> 当地高速 4G 网络*。
                </p>
            </div>
        </div>
        <div class="photo" style="background-image: url(src/xiaominote2/background8.jpg);">
            <div class="photocontent5 photocontentstyle">
                <h2>亮黑与冰川银</h2><br>
                <p>一面光明，一面夜晚的亮黑色，
                    <br> 黑得深邃，而光线照时却很明亮，优雅而神秘。
                    <br> 一面天空，一面大海的银色，
                    <br> 安静得像大海，光线流转时却像天空。
                    <br> 玻璃的材质，却拥有金属光泽，如梦如幻。
                </p>
                <div class="ulstyle1">
                    <ul>
                        <li><span>64GB 2799元</span><p><a href="#">立即购买</a></p></li>
                        <li><span>128GB 3299元</span><p><a href="#">立即购买</a></p></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footercontent">
            <div class="footerservice">
                <ul>
                    <li><a href="#"><span class="glyphicon glyphicon-wrench"></span> 预约维修服务</a></li>
                    <li><a href="#"><span class="glyphicon glyphicon-repeat"></span> 7天无理由退货</a></li>
                    <li><a href="#"><span class="glyphicon glyphicon-repeat"></span> 15天免费换货</a></li>
                    <li><a href="#"><span class="glyphicon glyphicon-gift"></span> 满150元包邮</a></li>
                    <li><a href="#"><span class="glyphicon glyphicon-map-marker"></span> 520余家售后网点</a></li>
                </ul>
            </div>
        </div>
    </div>
</body>

</html>